<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html>
    <head>
        <link href="../css/style.css" rel="stylesheet" type="text/css" />  
        <link href="../css/table_style.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
        <script type="text/javascript" src="../javascript/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="../javascript/scrolltable.js"></script>
        <script type="text/javascript" src="../javascript/ajax.js"></script>
        <script type="text/javascript" src="../javascript/home.js"></script>


        <title>Welcome ${name}</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>

    <body onload="init('${email}','${name}', '${creationError}')">
        <div class="container">

            <div class="top_div">
                <div style="float:left" >
                    Welcome ${name}
                </div>
                <div id="authentication" style="float:right">    

                </div>
            </div>
            <div><p>&nbsp;</p></div>
            <div align="left" style="float: left;margin-left: 7px;">
                <label>Game Tables</label>
                
                <div>
                    <table id="gameTables" class="tbl1 scroll">
                        <thead>
                            <tr>
                                <th>Name</th>

                                <th>Player1:Rating</th>

                                <th>Player2:Rating</th>

                            </tr>
                        </thead>    


                    </table>
                </div>
                <div id ="createTableDiv">

                </div>
            </div>

            <div align="left" style="float: right; margin-right: 7px; width : 43%;">
                <label>High Rankings</label>
                
                <table id="highRankingsTable" class="tbl1">
                    <thead>
                        <tr>
                            <th>Email</th>

                            <th>First Name</th>

                            <th>Last Name</th>
                            
                            <th>Rating</th>

                        </tr>
                    </thead>    


                </table>
            </div>
        </div>

    </body>
</html>
